<!DOCTYPE html>
<html>
<head>
	<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
	<div id="main_bg">
		<div id="title_page">
			<h1>e-Learning+</h1>
		</div>
		<hr>
		<div id="page_header">
			<div id="nav">
				<a href="/e-learning+/main" id="link">Home</a>
				<a href="/e-learning+/virtual" id="link">Virtual Classroom</a>
				<a href="/e-learning+/mbl" id="link">Multimedia Based Learning</a>
				<a href="/e-learning+/forum" id="link">Discussion Forum</a>
				<a href="/e-learning+/library" id="link">The Library</a>
				<a href="/e-learning+/test" id="link">Test</a>
			</div>
			<div id="nav2">
				<a href="/e-learning+/profile" id="link">My profile</a>
				<a href="/e-learning+" id="signout">Sign out</a>
			</div>
		</div>
		<div id="content">
			<form method="get">
				<table>
					<tr>
						<td>Type</td>
						<td><select id="select_nav">
							<option>-Select your choice-</option>
							<option>e-Book</option>
							<option>Journal</option>
							<option>Article</option>
						</select></td>
					</tr>
					<tr>
						<td>Category</td>
						<td><select id="select_nav">
							<option>-Select your choice-</option>
							<option>Biology</option>
							<option>Computer</option>
							<option>Math</option>
						</select></td>
					</tr>
					<tr>
						<td>Title</td>
						<td><select id="select_nav">
							<option>-Select your choice-</option>
						</select></td>
					</tr>
					<tr>
						<td><input type="submit" value="Go" id="button_nav"></input></td>
					</tr>
				</table>
			</form>
			<br><br>
			<div id="mini_content">
				<div id="title_part">e-Book</div>
				<hr>
				<ul style="list-style:circle;">
					<li><a id="link" href="nav">Math</a></li>
					<li><a id="link" href="nav">Biology</a></li>
					<li><a id="link" href="nav">Physics</a></li>
					<li><a id="link" href="nav">Chemistry</a></li>
					<li><a id="link" href="nav">Economy</a></li>
				</ul>
			</div>
			<div id="mini_content">
				<div id="title_part">Journal</div>
				<hr>
				<ul style="list-style:circle;">
					<li><a id="link" href="nav">Math</a></li>
					<li><a id="link" href="nav">Biology</a></li>
					<li><a id="link" href="nav">Physics</a></li>
					<li><a id="link" href="nav">Chemistry</a></li>
					<li><a id="link" href="nav">Economy</a></li>
				</ul>
			</div>
			<div id="mini_content2">
				<div id="title_part">Article</div>
				<hr>
				<ul style="list-style:circle;">
					<li><a id="link" href="nav">Math</a></li>
					<li><a id="link" href="nav">Biology</a></li>
					<li><a id="link" href="nav">Physics</a></li>
					<li><a id="link" href="nav">Chemistry</a></li>
					<li><a id="link" href="nav">Economy</a></li>
				</ul>
			</div>
		</div>
	</div>
</body>

</html>